<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<meta name="keywords" content="Teardrop" />
		<meta name="Description" content="作品" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<!--width 默认值，设备宽
		initial-scale   放大
		minimum-scale  	双击最小放大
		maximum-scale  	双击最大放大
		user-scalable  用户双击放大-->
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/iconfont.css" />

	</head>

	<body>
		<div class="web">
			<!-- 头部  S  -->
			<header class="clear">
				<div class="logo_box fl">
					<a href=""><img src="img/logo.png" alt="图片出错" /></a>
				</div>
				<div class="city fr">
					<select name="">
						<option value="">广州市</option>
						<option value="">东莞市</option>
						<option value="">深圳市</option>

					</select>
				</div>
				<div class="search">
					<form action="" method="post">

						<input  placeholder="请输入商品名称 " />
						<button class="my_icon_font iconfont icon-fangdajing">
						
					</button>
					</form>
				</div>

			</header>
			<!-- 头部  E  -->

			<!-- 中部  S  -->

			<section>
				<div class="datu">
					<a href=""><img src="img/big_picture.png" alt="" /></a>
				</div>
				<div class="youhuituangou">
					<div class="youhuituangoubiaoti clear">
						<span class="my_icon_font iconfont icon-xinghao fl"></span>
						<span class="fl"> 优惠团购</span>
						<span class="fr">更多 <span class="my_icon_font iconfont icon-jiantou1-copy"></span>
						</span>
					</div>
					<div class="youhuitu">
						<div class="shang clear">
							<div class="fl">
								<a href=""><img src="img/little_picture.png" /></a>
							</div>
							<div class="fr">
								<a href=""><img src="img/little_picture01.png" /></a>
							</div>
						</div>
						<div class="xia clear">
							<div class="fl">
								<a href=""><img src="img/little_picture02.png" /></a>
							</div>
							<div class="fr">
								<a href=""><img src="img/little_picture03.png" /></a>
							</div>
						</div>
					</div>

				</div>

				<div class="chainixihuan">
					<div class="chainixihuanbiaoti clear">

						<div class="my_icon_font iconfont icon-aixin fl">
						</div><span class="fl">猜你喜欢</span>
						<span class="fr">更多 <span class="my_icon_font iconfont icon-jiantou1-copy"></span>
						</span>

					</div>

					<div class="chainixihuanneirong">
						<ul>
							<li>
								<div class="wanshui clear">
									<div class="wanshuitu fl">
										<a href="详细页.html"><img src="img/little_picture04_03.jpg" alt="" /></a>
									</div>
									<div class="wanshuidiz fr">
										<div class="neirong_top clear"><span class="fl">万岁寿司（正佳店）</span>
											<span class="fr"><100m</span>
										</div>
										<div class="neirong_middle"><span>[100店通用]</span><span>双人套餐</span></div>
										<div class="neirong_bottom clear"><span class="fl">￥88.00</span><span class="fr">已售1000</span></div>
									</div>
								</div>
							</li>
							<li>
								<div class="wanshui clear">
									<div class="wanshuitu fl">
										<a href="详细页.html"><img src="img/little_picture04_03.jpg" alt="" /></a>
									</div>
									<div class="wanshuidiz fr">
										<div class="neirong_top clear"><span class="fl">万岁寿司（正佳店）</span>
											<span class="fr"><100m</span>
										</div>
										<div class="neirong_middle"><span>[100店通用]</span><span>双人套餐</span></div>
										<div class="neirong_bottom clear"><span class="fl">￥88.00</span><span class="fr">已售1000</span></div>
									</div>
								</div>
							</li>
							<li>
								<div class="wanshui clear">
									<div class="wanshuitu fl">
										<a href="详细页.html"><img src="img/little_picture04_03.jpg" alt="" /></a>
									</div>
									<div class="wanshuidiz fr">
										<div class="neirong_top clear"><span class="fl">万岁寿司（正佳店）</span>
											<span class="fr"><100m</span>
										</div>
										<div class="neirong_middle"><span>[100店通用]</span><span>双人套餐</span></div>
										<div class="neirong_bottom clear"><span class="fl">￥88.00</span><span class="fr">已售1000</span></div>
									</div>
								</div>
							</li>
							<li>
								<div class="wanshui clear">
									<div class="wanshuitu fl">
										<a href="详细页.html"><img src="img/little_picture04_03.jpg" alt="" /></a>
									</div>
									<div class="wanshuidiz fr">
										<div class="neirong_top clear"><span class="fl">万岁寿司（正佳店）</span>
											<span class="fr"><100m</span>
										</div>
										<div class="neirong_middle"><span>[100店通用]</span><span>双人套餐</span></div>
										<div class="neirong_bottom clear"><span class="fl">￥88.00</span><span class="fr">已售1000</span></div>
									</div>
								</div>
							</li>

						</ul>
					</div>

				</div>

			</section>
			<!-- 中部  E  -->

			<!-- 尾部  S  -->

			<footer>
				<div class="dibu">
					<a href="index.html">
						<div class="my_icon_font iconfont icon-shouye">

						</div><span>首页</span></a>
				</div>
				<div class="dibu">
					<a href="分类.html">
						<div class="my_icon_font iconfont icon-fenlei">

						</div><span>分类</span></a>
				</div>
				<div class="dibu">
					<a href="发现.html">
						<div class="my_icon_font iconfont icon-faxian">

						</div><span>发现</span></a>
				</div>
				<div class="dibu">
					<a href="我的.html">
						<div class="my_icon_font iconfont icon-wode">

						</div><span>我的</span></a>
				</div>

			</footer>
			<!-- 尾部  E  -->

		</div>

	</body>

</html>